<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>OGMS|Open Geographic Modeling Simulatio</title>
    <meta name="keywords" content="OGMS,Open,Geographic，Deployment" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/jquery-steps.css">
    <link rel="stylesheet" href="../css/bootstrap-treeview.css">
    <link rel="stylesheet" href="../css//jquery.tag-editor.css">
    <link rel="stylesheet" href="../css/page.css">
    <link rel="stylesheet" href="../css/navbar.css">
    <link rel="stylesheet" href="../css/subPage.css">
    <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/jquery-steps.js"></script>
    <script type="text/javascript" src="../js/bootstrap-treeview.js"></script>
    <script type="text/javascript" src="../js/tinymce/tinymce.min.js"></script>
    <script type="text/javascript" src="../js/jquery.tag-editor.js"></script>
    <script type="text/javascript" src="../js/pageEn.js"></script>
    <script type="text/javascript" src="../js/navbar.js"></script>
</head>

<body>
    <!--start 导航条-->
    <div class="head navbar-static-top">
        <nav class="navbar navbar-default pcnav" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button id="phoneBtn" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mycollapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="../index.html" class="navbar-brand">
                    </a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right" id="rightNav">
                        <li class="nav_hello" style="display: none">
                        </li>
                        <li class="nav_exit" style="display: none">
                            <a href="#">
                                <strong>Sign Out</strong>
                            </a>
                        </li>
                        <li class="win_min" style="display: block">
                            <a href="javascript:void(0)">
                                <i class="fa fa-minus"></i>
                            </a>
                        </li>
                        <li class="win_max" style="display: block">
                            <a href="javascript:void(0)">
                                <i class="fa fa-square-o"></i>
                            </a>
                        </li>
                        <li class="win_close" style="display: block">
                            <a href="javascript:void(0)">
                                <i class="fa fa-times"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <!--end 导航条-->
    <div class="container-fluid scrollbar" id="mainInfo">
        <div class="row">
            <div class="col-md-12 nopadding">
                <div class="panel panel-success" style="border: none">
                    <div class="panel-body">
                        <div id="step">
                            <div class="step-app">
                                <ul class="step-steps text-center">
                                    <li>
                                        <a href="#step1">Step 1</a>
                                    </li>
                                    <li>
                                        <a href="#step2">Step 2</a>
                                    </li>
                                </ul>
                                <div class="step-content">
                                    <div class="step-tab-panel" id="step1">
                                        <div class="col-md-3 col-sm-4 tree" id="tree">
                                        </div>
                                        <div class="col-md-9 col-sm-8">
                                            <div id="RepositoryParentsPanel">
                                                <div class="form-horizontal">
                                                    <div class="form-group">
                                                        <label for="parentNode" class="col-sm-2 control-label">Parent Node</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control" id="parentNode" readonly>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-horizontal">
                                                    <div class="form-group">
                                                        <label for="nameInput" class="col-sm-2 control-label">Name</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control" id="nameInput" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-horizontal">
                                                    <div class="form-group">
                                                        <label for="tagInput" class="col-sm-2 control-label">Tags</label>
                                                        <div class="col-sm-10">
                                                            <textarea class="form-control" id="tagInput"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-horizontal">
                                                    <div class="form-group">
                                                        <label for="descInput" class="col-sm-2 control-label">Description</label>
                                                        <div class="col-sm-10">
                                                            <textarea class="form-control" id="descInput"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-horizontal">
                                                    <div class="form-group">
                                                        <label for="nameInput" class="col-sm-2 control-label">Image</label>
                                                        <div class="col-sm-10">
                                                            <img id="imgShow" src="" />
                                                            <div id="imgChange">
                                                                <i class="fa fa-plus fa-5x"></i>
                                                            </div>
                                                            <input id="imgFile" type="file" style="display: none" accept="image/*" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-horizontal">
                                                    <div class="form-group">
                                                        <label for="parentNode" class="col-sm-2 control-label">Show On Index</label>
                                                        <div class="col-sm-10">
                                                            <div class="radioPanel">
                                                                <input id="item1" type="radio" name="item" value=1>
                                                                <label for="item1">
                                                                    <span>Yes</span>
                                                                </label>                                                                
                                                            </div>
                                                            <div class="radioPanel">
                                                                <input id="item2" type="radio" name="item" value=0 checked>
                                                                <label for="item2">
                                                                    <span>No</span>
                                                                </label>                                                                
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="step-tab-panel" id="step2">
                                        <textarea id="myText"></textarea>
                                    </div>
                                </div>
                                <div class="step-footer text-right">
                                    <button class="btn btn-warning prev" data-direction="prev">Previous</button>
                                    <button class="btn btn-primary next" data-direction="next">Next</button>
                                    <button class="btn btn-success finish" data-direction="finish">Finish</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.panel -->
            </div>
        </div>
    </div>
</body>
<script src="../js/createModelItem.js"></script>

</html>